<template>
  <van-tabbar v-model="active">
    <van-tabbar-item to="/home/homepage" icon="home-o">首页</van-tabbar-item>
    <van-tabbar-item to="/home/growup" icon="search">成长</van-tabbar-item>
    <van-tabbar-item to="/home/curriculum" icon="friends-o"
      >课程</van-tabbar-item
    >
    <van-tabbar-item to="/home/my" icon="setting-o">我的</van-tabbar-item>
  </van-tabbar>
</template>

<script>
import { Tabbar as VanTabbar, TabbarItem as VanTabbarItem } from "vant";
import { ref } from "vue";

export default {
  setup() {
    const active = ref(0);
    return { active };
  },
  components: {
    VanTabbar,
    VanTabbarItem,
  },
};
</script>

<style lang="less" scoped></style>
